<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 200px;height: 200px;
				background-color: red;
			}
			div:hover{
				background-image: url(img/美女.jpeg);
				background-size: 100% 100%;
			}
			div:active{
				background-image: url(img/丑女.jpeg);
				background-size: 100% 100%;
				width: 600px;height: 600px;
			}
			
			
		</style>
	</head>
	<body>
		
		<!--1.编写一个宽高为200px,背景颜色为红色的div;
		2.鼠标移入div更换背景图片；
		3.鼠标按下div更换背景图片；-->
		
		<div></div>
		
		
		
		
		
	</body>
</html>